<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>乐折吧</title>
<meta name="author" content="5by5 Studios">
<meta name="keywords" content="乐折吧 折扣 团购 团购导航">
<meta name="viewport" content="width=970">

<!-- css -->
<link href="/css/reset.css" media="screen" rel="stylesheet" type="text/css">
<link href="/css/960.css" media="screen" rel="stylesheet" type="text/css">
<link href="/css/screen.css" media="screen" rel="stylesheet" type="text/css">
<link href="/css/core.css" media="screen" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /> 

<!-- javascript -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/jquery/jquery.paging.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="/js/header.js" type="text/javascript"  charset="utf-8"></script>
<script type="text/javascript" src="/jquery/jquery.zxxbox.3.0.js"></script>


</head>
<body>
 <div class="container_16">
    <div class="grid_12">&nbsp;</div> 
    <div class="grid_4" style="font-size:10px;color:#000000;">
    
    
    <div id="login_div" class="grid_4 tuan_toolbar_a">
   	<s:if test="#session.email != null && #session.email != ''">
   	<span id="login_span"> <s:property value="#session.email"/></span><a href="#" id="logout_a"  class="tuan_toolbar_a">登出</a>
   	</s:if>
   	<s:else>
   	 <a href="#" id="login_a"  class="tuan_toolbar_a">登陆</a>
   	</s:else>    
   	 <a href="#" id="register_a" class="tuan_toolbar_a">注册</a>
   </div>
   
     
    </div>
    <div class="clear"></div>
 <div id="login" style="padding:40px; display:none;">
  <p id="login_tips" style="font-weight:bold;color:red;"></p>
	<p>Email：<input id="email" type="text" size="20" /></p>
    <p class="mt10 mb10">密&nbsp;&nbsp;码：<input id="password" type="password" size="20" /></p>
    <p><button id="loginBtn" style="padding:5px 10px;">登录</button><button id="cancelBtn" style="padding:5px 10px;">取消</button></p>
</div>


 <div id="register" style="padding:40px; display:none;">
    <p id="register_tips" style="font-weight:bold;color:red;"></p>
	<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email：<input id="r_email" type="text" size="20" /></p>
    <p class="mt10 mb10">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;密码：<input id="r1_password" type="password" size="20" /></p>
    <p class="mt10 mb10">确认密码：<input id="r2_password" type="password" size="20" /></p>
    <p><button id="registerBtn" style="padding:5px 10px;">登录</button><button id="registerCancelBtn" style="padding:5px 10px;">取消</button></p>
</div>


</div> 
<div id="header" style="background: #585858 url(/img/bg_dark.jpg);">
	<div class="container_12">  
		<div class="grid_4">
			<a href="/tuan/about" title="乐折吧"><img alt="5by5" height="62" src="/img/lezheba.png" width="150"></a>

            	<button id="choice_city_button"><s:property value="cityName"/></button>
		</div>
		<div id="navigation">
			<div class="grid_8">
            	 
        <div class="search_bar"> 
             <input  class="txt" type="text" id="key" name="key" value="<s:property value='key'/>">
             <input id="search_button" type="button" value="搜索" /> <input type=hidden value="<s:property value='cityName'/>" id="cityName">                         
                                 <a class="tuan_toolbar_a" href="#" onclick="javascript:setSearchKey('火锅');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>&key=火锅');">火锅</a>
                                <a class="tuan_toolbar_a" href="#" onclick="javascript:setSearchKey('自助餐');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>&key=自助餐');">自助餐</a> 
                                 <a class="tuan_toolbar_a" href="#" onclick="javascript:setSearchKey('酒店');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>&key=酒店');">酒店</a>
                                <a class="tuan_toolbar_a" href="#" onclick="javascript:setSearchKey('KTV');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>&key=KTV');">KTV</a>
                                 <a class="tuan_toolbar_a" href="#" onclick="javascript:setSearchKey('电影');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>&key=电影');">电影</a>
        </div> 
				<ul id="header_ul_a">
					<li><a  id="header_index_0" href="#"  onclick="javascript:addCurrent('header_index_0');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>');" title="今日推荐">今日推荐</a></li>
					<li><a  id="header_index_1" href="#"  onclick="javascript:addCurrent('header_index_1');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>&cateId=3');" title="当地美食">当地美食</a></li>
					<li><a  id="header_index_2" href="#"  onclick="javascript:addCurrent('header_index_2');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>&cateId=2');" title="休闲娱乐">休闲娱乐</a></li>
					<li><a  id="header_index_3" href="#"  onclick="javascript:addCurrent('header_index_3');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>&cateId=4');" title="特价购物">特价购物</a></li>
                    <li><a  id="header_index_4" href="#"  onclick="javascript:addCurrent('header_index_4');loadDeals('/tuan/getDeals?cityName=<s:property value='cityName'/>');" title="其他">其他</a></li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
	</div>
</div>

<div id="content" class="episodes">
	<!--<div id="mast">
		<div class="container_12">

			<div class="grid_12 page masthead">
				<h2>欢迎来到乐折吧团购排行榜</h2>
	      		<p>乐折吧作为第三方数据机构，根据用户热度、品牌指数、商户信用值等对国内团购进行智能排行，提供最实惠的团购信息。</p>
			</div>

			<div class="clear"></div>
		</div>
	</div>-->
	
	
 <div id="dealListPageIndex">
    	 </div>
  <div id="deallist_div" class="container_12">
    正在加载团购信息...

	</div>
</div>


<div id="footer"  style="background: #585858 url(/img/bg_dark.jpg);">
	<div class="container_12">

<!-- 		<div class="grid_3">
			<h4>关于乐折吧</h4>
			<ul>
				<li><a href="#" title="公司简介">公司简介</a></li>
				<li><a href="#" title="媒体宣传">媒体宣传</a></li>
				<li><a href="#" title="加入公司">加入公司</a></li>
			</ul>
		</div>
		<div class="grid_3">
			<h4>使用指南</h4>
			<ul>
				<li><a href="#" title="帮助手册">帮助手册</a></li>
				<li><a href="#" title="系统反馈">系统反馈</a></li>
                <li><a href="#" title="投诉">投诉</a></li>
			</ul>
		</div>
        <div class="grid_3">
			<h4>申请收录</h4>
			<ul>
				<li><a href="#" title="商务合作">商务合作</a></li>
				<li><a href="#" title="收录说明">收录说明</a></li>
			</ul>
		</div>
		<div class="grid_3">
			<h4>订阅和收听</h4>
			<ul>
				<li><a href="#" title="电子邮件">电子邮件</a></li>
				<li><a href="#" title="腾讯微博">腾讯微博</a></li>
				<li><a href="#" title="新浪微博">新浪微博</a></li>
			</ul>
		</div>

		<div class="clear"></div> -->

		<div class="grid_12" id="copyright">
			<p>Copyright &copy; 2009–2011<a href="/tuan/about" title="乐折吧">贵阳网辉科技有限公司</a>  All Rights Reserved.  黔ICP备12000024号</p>
		</div>
		<div class="clear"></div>

	</div>
</div>


            <div id="choice_city_dialog" title="城市列表">
          <style type="text/css"> 

.city_list .radius_top,.city_list .radius_bottom,.city_list .close,.filter_bar .current{background:#CCCCCC;}
.city_list .radius_top,.city_list .radius_bottom{height:3px;overflow:hidden;}
.city_list .radius_bottom{background-position:0 -3px;}
.city_list h3{position:relative;height:20px;line-height:20px;padding:0 10px;font-weight:normal;}
.city_list .close{display:block;position:absolute;right:10px;top:0;width:55px;height:20px;line-height:100px;overflow:hidden;background-position:0 -7px;cursor:pointer;}
.city_list .cont{padding:7px 0;border:1px solid #cfcfcf;border-width:0 1px;}
.city_list a{color:#000;}
.city_list a:hover{color:#f60;}
.city_list .city_list{margin:5px 10px 0;padding:12px;padding-bottom:0px;border:1px solid #e8e8e8;background:#fff;}
 
.filter_bar{height:23px;margin-bottom:5px;border-bottom:1px solid #d9d9d9;width:100%;}
.filter_bar a{float:left;width:16px;height:23px;font-size:14px;font-family:simsun;line-height:20px;text-align:center;text-transform:uppercase;}
.filter_bar .current{position:relative;bottom:-1px;width:19px;background-position:-441px -7px;color:#f60;font-weight:bold;}
 
.city_list li{position:relative;margin-bottom:5px;padding-left:40px;vertical-align:top;zoom:1;}
.city_list h4{position:absolute;left:0;top:2px;color:#666;font-weight:normal;}
.city_list p{line-height:10px;}
.city_list .city_wrap p{word-wrap:break-word;display:none;}
.city_list p a{display:inline-block;height:18px;line-height:18px;margin:0 18px 5px 0;}
.city_list p .current,.city_list p .current:hover{padding:0 3px;background:#ffa200;color:#fff;}
.pop_city select{border:1px solid #e2e3ea;}
    
</style>           
            		<div class="city_list"> 
		  <ul> 
			<li> 
				<h4>热门</h4> 
                <p > 
                                <a href="/tuan/index?cityName=全国" city="quanguo">全国</a> 
                                <a href="/tuan/index?cityName=深圳" city="shenzhen">深圳</a> 
                                 <a href="/tuan/index?cityName=北京" city="beijing">北京</a> 
                                <a href="/tuan/index?cityName=上海" city="shanghai">上海</a> 
                                <a href="/tuan/index?cityName=天津" city="tianjin">天津</a> 
                                <a href="/tuan/index?cityName=广州" city="guangzhou">广州</a> 
                                <a href="/tuan/index?cityName=武汉" city="wuhan">武汉</a> 
                                <a href="/tuan/index?cityName=西安" city="xian">西安</a> 
                                <a href="/tuan/index?cityName=南京" city="nanjing">南京</a> 
                                <a href="/tuan/index?cityName=成都" city="cheng_du">成都</a> 
                                <a href="/tuan/index?cityName=重庆" city="chong_qing">重庆</a> 
                                <a href="/tuan/index?cityName=郑州" city="zheng_zhou">郑州</a> 
                                <a href="/tuan/index?cityName=杭州" city="hang_zhou">杭州</a> 
                                <a href="/tuan/index?cityName=沈阳" city="shen_yang">沈阳</a> 
                                <a href="/tuan/index?cityName=苏州" city="su_zhou">苏州</a> 
                                <a href="/tuan/index?cityName=青岛" city="qing_dao">青岛</a> 
                                </p> 
			</li> 
			<li> 
				<h4>拼音</h4> 
				<div class="filter_bar"> 
				  <s:iterator value="cityMap" status="index">
				  <s:if test="#index.index ==0"><a href=""class="current"><s:property value="key"/></a> </s:if>
				  <s:else> <a href=""><s:property value="key"/></a></s:else>
				  </s:iterator>   
				</div> 
				
                <div class="city_wrap"> 
                    
                     	<s:iterator value="cityMap" status="index">
                     	    <s:if test="#index.index ==0"><p style="display:block"> </s:if>
				  			<s:else><p></s:else>
                     		<s:iterator value="value" status="status">
				 			  <a href="/tuan/index?cityName=<s:property value='name'/>" city="<s:property value='cityId'/>"><s:property value="name"/></a>      
				  		    </s:iterator>  
				 			 </p>
				  		</s:iterator>   
                
                </div> 
			</li> 
		  </ul> 
		</div> 
<script> 
    
    if(typeof jQuery != 'undefined')
    {
        ;(function($){
            $(function(){
                $('div.filter_bar a').click(function(){
                    var index = $(this).index(),p = $('div.city_wrap p');
                    $('div.filter_bar a').removeClass('current');
                    $(this).addClass('current');
                    p.hide();
                    p.eq(index).show();
                    return false;
                });
            });
        })(jQuery);
    }
    
</script> 

		</div>
</body>
</html>